<!DOCTYPE html>
<html>    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="msapplication-tap-highlight" content="no" >
        <title>Demo</title>
        <!-- Path to Framework7 Library CSS-->
        <link rel="stylesheet" href="css/framework7.ios.min.css">
        <link rel="stylesheet" href="css/framework7.ios.colors.min.css">
        <link rel="stylesheet" href="css/myApp.css">
    </head>
    <body style="-webkit-text-size-adjust:none;">
    <!-- Status bar overlay for full screen mode (PhoneGap) -->
    <div class="statusbar-overlay"></div>
    <!-- Views -->
    <div class="views">
      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
        <!-- Top Navbar-->
        <div class="navbar">
          <div class="navbar-inner">
          </div>
        </div>
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through">
          <!-- Page, "data-page" contains page name -->
          <div data-page="findPath" class="page no-navbar" id="findPath">
	        <div class="toolbar" style="height:88px;display:none;">
				<div class="toolbar-inner" style="flex-direction: column;padding:0px;">
				    <div class="loc-name" style="width: 100%;line-height: 44px;text-align: center;"></div>
				    <div class="loc-btn">
						<a href="#" class="startloc">设为起点</a>
						<a href="#" class="endloc" >设为终点</a>
					</div>
					<div class="walk-icon">
					<div style="position: absolute;width: 50px;font-size: 12px;color: #fff;top: 48px;text-align: center;left: 9px;">
						去这里
					</div>
				    </div>
				</div>
			</div>
            <!-- Scrollable page content -->
            <div class="page-content">
            	<div class="map-container" data-angle="0" data-scale="1" data-axisX="0" data-axisY="0">
	                <canvas id="floor-canvas" class="map-item" width="300" height="150"></canvas>
	                <div class="net map-item"></div>
	                <img src="img/floor_1.jpg" style="display:none;"/>
	                <img class='loc-icon' src='img/loc-icon.png' style="position:absolute;top:0px;left:0px;display:none;z-index:9999;">
                	<img class='loc-icon-start' src='img/loc-icon-start.png' style="position:absolute;top:0px;left:0px;display:none;z-index:9999;">
                	<img class='loc-icon-end' src='img/loc-icon-end.png' style="position:absolute;top:0px;left:0px;display:none;z-index:9999;">
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="js/framework7.js"></script>
    <script type="text/javascript" src="js/pathfinding-browser.min.js"></script>
    <script type="text/javascript" src="js/hammer.min.js"></script>
    <script type="text/javascript" src="js/config.js"></script>
    <script type="text/javascript" src="js/init.js"></script>
    <script type="text/javascript" src="js/function.js"></script>
    <script type="text/javascript" src="js/event.js"></script>
    <script type="text/javascript">
    if (canvas.getContext){
    	  /***支持画布***/
    	  //渲染背景
    	  var ctx = canvas.getContext('2d');  
    	  //绘制网格
    	  drawNet(blocks);
    	} else {
    	  // 不支持画布
    	  myApp.alert('当前系统不支持画布');
    	}
    </script>
    <script type="text/javascript" src="js/getIp.js"></script>
    </body>
</html>